<!DOCTYPE html>
<html>
<head>
	<include file="Public:common-css" />
	<link type="text/css" rel="stylesheet" href="__ICSS__/index.css" />
	<link type="text/css" rel="stylesheet" href="__ICSS__/slick.css" />
	<style>
		.bannerall{ width:100%; height:648px; background:url(__IIMG__/index-bg.jpg) no-repeat center top;}
		.bannerall-box{ width:1000px; height:648px; margin:0 auto; position:relative;}
		.bannerall-download-box{ width:200px; float:right; margin:353px 16px 0 0;}
		.bannerall-download-box a{ width:180px; height:40px; float:left; margin:24px 0 0 0;}
		.bannerall-pass-btn{ width:200px; height:60px; float:left; position:absolute; bottom:24px; right:187px;}
	</style>
</head>
<body>
<div class="container">
<input type="hidden" value="true" id="is-index"/>
<!-------------------------header--------------------------------->
<include file="Public:header" />
<!--------------------------content------------------------------->
	<div class="focus-box">
    	<div class="fullSlide">
            <div class="bd">
                <ul>
                	<foreach item="banner" name="data.bannerList">
                    	<li _src="url(__IMGROOT__<{$banner.img}>)">
                    	<switch name="banner.type">
	                    	<case value="1"></case>
	                    	<case value="2"><a href="<{$banner.url}>"></a></case>
	                    	<case value="3"><a href="__ROOT__/Index/Product/meeting_place?id=<{$banner.url}>"></a></case>
	                    	<case value="4"><a href="__ROOT__/Index/User/recharge"></a></case>
	                    	<case value="5"><a href="__ROOT__/Index/Product/meeting_place?id=<{$banner.url}>"></a></case>
                    	</switch>
                    	</li>
                    </foreach>
                </ul>
            </div>
            <div class="hd"><ul></ul></div>
            <span class="prev"></span>
            <span class="next"></span>
        </div>
    </div>
    <div class="clr"></div>
    <notempty name="data.hdMeeting">
	    <div class="act-box">
	    	<a href="__ROOT__/Index/Product/meeting_place?id=<{$data.hdMeeting.url}>"><img src="__IMGROOT__/<{$data.hdMeeting.img}>" width="1200" height="150"/></a>
	    </div>
    </notempty>
    <div class="clr"></div>
    <!--特价疯抢-->
        <div class="sale-box">
        	<div class="m-floor-title">
            	<i></i><h4>特价疯抢</h4>
            	<a href="__ROOT__/Product/meeting_place?type=3">更多 ></a>
            </div>
            <div class="clr"></div>
            <div class="slider multiple-items">
            	<foreach item="tj" name="data.tjMeetingProductList">
				<div class="sale-item-box">
					<div class="m-floor-content-item">
						<div class="m-floor-content-photo">
	                    	<a href="__ROOT__/Product/details?productId=<{$tj.id}>"><img src="__IMGROOT__<{$tj.photo}>" style="width: 220px;height: 220px;" /></a>
	                    </div>
	                    <div class="m-floor-content-title"><a href="__ROOT__/Product/details?productId=<{$tj.id}>" title="<{$tj.name}><{$tj.spec}>"><{$tj.name}><{$tj.spec}></a></div>
	                    <div class="m-floor-content-buy">
	                     	<font style="display:none;">0</font>
	                     	<div class="m-floor-content-price msyh red">￥<font><{$tj.price}></font></div>
	                        <div class="m-floor-content-join-cart"><input type="hidden" value="<{$tj.id}>" class="product-id"/><a class="addToCart" href="javascript:void(0)"></a></div>
	                    </div>
                    </div>
				</div>
				</foreach>
			</div>
        </div>
        <div class="clr"></div>
    <div class="content">
        <foreach item="iconList" name="data.tjProductList">
        <div class="m-floor">
        	<div class="m-floor-title">
            	<h4><{$iconList.typeName}></h4>
                <a href="__ROOT__/Index/Product/index?typeId=<{$iconList.typeId}>">更多 ></a>
            </div>
            <div class="m-floor-content m-floor-content-one">
            	<ul>
                	<li class="m-floor-content-ad"><a href="__ROOT__/Index/Product/index?typeId=<{$iconList.typeId}>"><img src="__IMGROOT__<{$iconList.icon}>"/></a></li>
                	<foreach item="proList" name="iconList.productList">
                    <li class="m-floor-content-item">
                    	<div class="m-floor-content-photo">
                        	<a href="__ROOT__/Product/details?productId=<{$proList.id}>"><img src="__IMGROOT__<{$proList.photo}>" /></a>
                        </div>
                        <div class="m-floor-content-title"><a href="__ROOT__/Product/details?productId=<{$proList.id}>" title="<{$proList.name}><{$proList.spec}>"><{$proList.name}></a></div>
                        <div class="m-floor-content-buy">
                        	<div class="m-floor-content-price msyh red">￥<font><{$proList.price}></font></div>
                            <div class="m-floor-content-join-cart"><input type="hidden" value="<{$proList.id}>" class="product-id"/><a class="addToCart" href="javascript:void(0)"></a></div>
                        </div>
                    </li>
                    </foreach>
                </ul>
            </div>
        </div>
        <div class="clr"></div>
        </foreach>
    </div>
    <div class="f-ad"></div>
    <div class="clr"></div>
<!--------------------------content-end--------------------------->
    <include file="Public:footer" />
</div>

</body>
<include file="Public:common-js" />
<script type="text/javascript" src="__IJS__/superslide.2.1.js"></script>
<script type="text/javascript" src="__IJS__/slick.min.js"></script>
<script type="text/javascript">
$(function() {
	$(".fullSlide").slide({
	    titCell: ".hd ul",
	    mainCell: ".bd ul",
	    effect: "fold",
	    autoPlay: true,
	    autoPage: true,
	    trigger: "mouseover",
		delayTime:500,
		interTime:5000,
	    startFun: function(i) {
	        var curLi = jQuery(".fullSlide .bd li").eq(i);
	        if ( !! curLi.attr("_src")) {
	            curLi.css("background", curLi.attr("_src")+" no-repeat center").removeAttr("_src");
	        }
	    }
	});
	
	/*
	$(".fullSlide").hover(function(){
		$(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)
	},
	function(){
		$(this).find(".prev,.next").fadeOut(300)
	});
	*/
	$('.multiple-items').slick({
	  infinite: true,
	  slidesToShow: 4,
	  slidesToScroll: 4
	});
	
	var offset = 200;
	$(".nav-classify").find("ul").show();
	//子分类显示
	$(".nav-classify").mouseover(function() {
		var scrollTop = $(window).scrollTop();
		if($(this).find("ul").is(":hidden") && offset < scrollTop) {
			$(this).find("ul").show();
			$(this).find(".nav-main-title").find("b").attr("class","on");
		}
	})
	$(".nav-classify").mouseout(function() {
		var scrollTop = $(window).scrollTop();
		if($(this).find("ul").is(":visible") && offset < scrollTop) {
			$(this).find("ul").hide();
			$(this).find(".nav-main-title").find("b").attr("class","");
		}
	})
	//检查对象，#boxs是要随滚动条固定的ID
    $(window).scroll(function () {
    //检查对象的顶部是否在游览器可见的范围内
        var scrollTop = $(window).scrollTop();
            if (offset < scrollTop){
                $('#nav-wrap').addClass('fixed');
                $(".nav-classify").find("ul").hide();
            }
            else{
                $('#nav-wrap').removeClass('fixed');
                $(".nav-classify").find("ul").show();
            } 
        });
	
})
</script>

</html>
